<template>
	<view class="totakenexamination">
		<u-list>
			<u-list-item v-for="item in list" :key="item.id">
				<view class="title">
					<text>新员工入职培训</text>
				</view>
				<view class="content">
					<view class="content-text">
						<text class="one">类型</text>
						<text class="two">{{item.type}}</text>
					</view>
					<view class="content-text">
						<text class="one">培训学时</text>
						<text class="two">{{item.totalPoints}}</text>
					</view>
					<view class="content-text">
						<text class="one">培训讲师</text>
						<text class="two">{{item.pass}}</text>
					</view>
					<view class="content-text">
						<text class="one">培训费用</text>
						<text class="two">{{item.duration}}</text>
					</view>
					<view class="content-text">
						<text class="one">培训时间</text>
						<text class="two">{{item.frequency}}</text>
					</view>
					<view class="textarea">
						<text class="one">培训地点</text>
						<view class="tarea">
							<textarea
							style="background-color: #F6F6F6;color: #666666;font-size: 28rpx;border-radius: 8rpx; padding: 24rpx;" 
							v-model="item.place"
							placeholder="培训地点..."
							rows="3"></textarea>
						</view>
					</view>
					<view class="textarea">
						<text class="one">培训简介</text>
						<view class="tarea">
						<textarea
						style="background-color: #F6F6F6;color: #666666;font-size: 28rpx;border-radius: 8rpx; padding: 24rpx;" 
						v-model="item.remark"
						placeholder="培训简介..."
						rows="3"></textarea>
						</view>
					</view>
				</view>
				<view class="tbs">
					<u-button @click="joinExam" type="primary" text="报名"></u-button>
				</view>
			</u-list-item>
		</u-list>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[
					{
						id:1,
						type:'操作规程培训',
						totalPoints:'入职培训',
						pass:'1 学时',
						duration:'葛青',
						frequency:'12.25.12:00',
						place:'浙江省杭州市临安区金水街道福地大厦12楼1201',
						synopsis:'培训简介...'
					},
					{
						id:2,
						type:'操作规程培训',
						totalPoints:'入职培训',
						pass:'1 学时',
						duration:'葛青',
						frequency:'12.25.12:00',
						place:'浙江省杭州市临安区金水街道福地大厦12楼1201',
						synopsis:'培训简介...'
					}
				]
			}
		},
		methods: {
			joinExam(){
				// uni.navigateTo({
				// 	url:'/pages/joinexamination/joinexamination'
				// })
			}
		}
	}
</script>

<style lang="scss">
.totakenexamination{
	width: 100%;
	// height: 100%;
	padding: 40rpx 24rpx 65rpx;
	box-sizing: border-box;
	background-color: #f6f6f6 !important;
	.u-list{
		width: 100%;
		.u-list-item{
			width: 702rpx;
			// height: 794rpx;
			border-radius: 16rpx;
			padding: 32rpx 48rpx;
			box-sizing: border-box;
			margin-bottom: 40rpx;
			background-color: #fff;
			.title{
				height: 65rpx;
				text-align: center;
				color: #333333;
				font-size: 28rpx;
			}
			.content{
				width: 100%;
				// height: 552rpx;
				border-top: 1rpx solid #EEEEEE;
				border-bottom: 1rpx solid #EEEEEE;
				padding: 32rpx;
				box-sizing: border-box;
				.content-text{
					height: 92rpx;
					line-height: 92rpx;
					display: flex;
					justify-content:space-between;
					.one{
						font-size: 28rpx;
						color: #999999;
					}
					.two{
						font-size: 28rpx;
						color: #666666;
					}
					
				}
			}
			.textarea{
				.one{
					font-size: 28rpx;
					color: #999999;
				}
				.tarea{
					margin-top: 16rpx;
				}
			}
			.tbs{
				width: 100%;
				margin-top: 24rpx;
			}
			
		}
		
	}
	
}
</style>
